<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue入门案例</title>
</head>
<body>
<div id="app">
    <h2>{{msg}}</h2>
    <p>姓名:{{user.name}}; 年龄:{{user.age == 18}}</p>
    <p>角色: {{status == 1 ? '管理员' : '游客'}}</p>
</div>
</body>
</html>
<script src="js/vue.js"></script>
<script>
    // vue里我们要有一定的格式
    const app = new Vue({ // Vue对象
        el: "#app", // 作用范围
        data: { // 数据
            msg: "hello world",
            user:{
                name:"zhangsan",
                age:18
            },
            status:1
        }
    })
</script>